<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
@import "common/style/common-style.scss";
.homeLayout{
	.banner{
		width: 750rpx;
		padding: 30rpx 0;
		swiper{
			width: 750rpx;
			height: 340rpx;
			// switch-ite
			&-item{
				width: 100%;
				height: 100%;
				padding: 0 30rpx;
				.like{
					width: 100%;
					height: 100%;
					image{
						width: 100%;
						height: 100%;
						border-radius: 10rpx;
					}
				}
			}
		}
	}
	.notice{
		width: 690rpx;
		height: 80rpx;
		line-height: 80rpx;
		background: #f9f9f9;
		margin: 0 auto;
		border-radius: 80rpx;
		display: flex;
		.left{
			width: 140rpx;
			display: flex;
			align-items: center;
			justify-self: center;
			:deep(){
			.uni-icons{
				color: $brand-theme-color !important;
			}
		}
		    text{
				color: $brand-theme-color;
				font-weight: 600;
				font-size: 28rpx;
		}
	}	
		.center{
			flex:1;
			swiper{
				height: 100%;
			&-item{
				height: 100%;
				font-size: 30rpx;
				color: #666;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
		}
	}
		.rigth{
			width: 70rpx;
		}
	}
	
	.select{
		padding-top: 50rpx;
		.date{
			color:$brand-theme-color;
			display: flex;
			align-items: center;
			.text{
				margin-left: 5rpx;
			}
		}
		.content{
			width: 720rpx;
			margin-left: 30rpx;
			margin-right: 30rpx;
			margin-top: 30rpx;
			scroll-view{
				// 不换行
				white-space: nowrap;
				.box{
					width: 220rpx;
					height: 430rpx;
					display: inline-block;
					margin-right: 15rpx;
					image{
						width: 100%;
						height: 100%;
						border-radius: 10rpx;
					}
				}
				// 设置比例显示器让其继承box最后的rpx
				.box:last-child{margin-left: 30rpx;}
			}
		}
	}
	
	.theme{
		padding-top: 50rpx 0;
		.more{
			font-size: 30rpx;
			color: #888;
		}
		
		.content{
			margin-top: 30rpx;
			padding: 0 30rpx;
			display: grid;
			gap:15rpx ;
			grid-template-columns: repeat(3,1fr);
		}
	}
}
</style>
